<div class="content-white p1000">
    <div class="operaWrap">
        检查部门：<nz-tree-select class="wd150" nzShowSearch [nzDropdownStyle]="treeNodeStyle" nzPlaceHolder="请选择检查部门"
            [nzNodes]="jcbmSelect" [(ngModel)]="searchParam.checkOrgId">
        </nz-tree-select>
        &nbsp;&nbsp;&nbsp;
        检查时间起：<nz-date-picker [(ngModel)]="searchParam.checkDateL"></nz-date-picker>
        &nbsp;&nbsp;&nbsp;
        止：<nz-date-picker [(ngModel)]="searchParam.checkDateR"></nz-date-picker>
        &nbsp;&nbsp;&nbsp;
        <button nz-button nzType="default" (click)="search()"><i nz-icon nzType="search"></i>查询</button>
        <span class="foldWrap" (click)="foldClick()"><i nz-icon [nzType]="fold.icon"
                nzTheme="outline"></i>{{fold.text}}</span>
    </div>
    <div class="operaWrap" *ngIf="!fold.status">
        工作项目：<nz-select class="wd150" nzAllowClear nzPlaceHolder="请选择工作项目" [(ngModel)]="searchParam.projectId">
            <nz-option *ngFor="let item of gzxmSelect" [nzValue]="item.code" [nzLabel]="item.name"></nz-option>
        </nz-select>
        &nbsp;&nbsp;&nbsp;
        检查地点：<input class="wd150" nz-input placeholder="请输入检查地点" [(ngModel)]="searchParam.checkPlace"
            (input)="jcddInput($event)" [nzAutocomplete]="auto" />
        <nz-autocomplete [nzDataSource]="jcddAutoData" nzBackfill #auto></nz-autocomplete>
        &nbsp;&nbsp;&nbsp;
        检查人：<input class="wd150" nz-input placeholder="请输入检查人" [(ngModel)]="searchParam.checkPerson" />
        &nbsp;&nbsp;&nbsp;
        整改时限：<nz-date-picker [(ngModel)]="searchParam.deadline"></nz-date-picker>
    </div>
    <div class="operaWrap" *ngIf="!fold.status">
        责任部门：<nz-tree-select class="wd150" nzShowSearch [nzDropdownStyle]="treeNodeStyle" nzPlaceHolder="请选择责任部门"
            [nzNodes]="zrbmSelect" [(ngModel)]="searchParam.chargeOrgId">
        </nz-tree-select>
        &nbsp;&nbsp;&nbsp;
        问题类别：<nz-select class="wd150" nzAllowClear nzPlaceHolder="请选择问题类别" [(ngModel)]="searchParam.typeId">
            <nz-option *ngFor="let item of lbSelect" [nzValue]="item.code" [nzLabel]="item.name"></nz-option>
        </nz-select>
        &nbsp;&nbsp;&nbsp;
        是否销号：<nz-select class="wd150" nzAllowClear nzPlaceHolder="请选择是否销号" [(ngModel)]="searchParam.cancled">
            <nz-option *ngFor="let item of sfxhSelect" [nzValue]="item.value" [nzLabel]="item.name"></nz-option>
        </nz-select>
    </div>
    <div class="operaWrap">
        <button *ngIf="paramType === 'edit'" nz-button nzType="default" (click)="modalShow('addModal')"><i nz-icon
                nzType="plus-circle"></i>新增</button>
        <button nz-button nzType="default" (click)="modalShow('detailModal')"><i nz-icon
                nzType="profile"></i>明细</button>
        <button *ngIf="paramType === 'edit'" nz-button nzType="default" (click)="modalShow('tbModal')"><i nz-icon
                nzType="check-circle"></i>提报</button>
        <button *ngIf="paramType === 'edit'" nz-button nzType="default" (click)="modalShow('xfModal')"><i nz-icon
                nzType="vertical-align-bottom"></i>下发</button>
        <button *ngIf="paramType === 'edit'" nz-button nzType="default" (click)="modalShow('qsModal')"><i nz-icon
                nzType="form"></i>签收</button>
        <button *ngIf="paramType === 'edit'" nz-button nzType="default" (click)="modalShow('pzModal')"><i nz-icon
                nzType="check-circle"></i>批准</button>
        <button *ngIf="paramType === 'edit'" nz-button nzType="default" (click)="modalShow('bhModal')"><i nz-icon
                nzType="close-circle"></i>驳回</button>
        <button *ngIf="paramType === 'edit'" nz-button nzType="default" (click)="modalShow('zgwtModal')"><i nz-icon
                nzType="sync"></i>整改问题</button>
        <button *ngIf="paramType === 'edit'" nz-button nzType="default" (click)="modalShow('sqxhModal')"><i nz-icon
                nzType="audit"></i>申请销号</button>
        <!-- <button nz-button nzType="default" (click)="modalShow('wcrwModal')"><i nz-icon nzType="check-circle"></i>完成任务</button> -->
        <button *ngIf="paramType === 'edit'" nz-button nzType="default" (click)="modalShow('zyhkModal')"><i nz-icon
                nzType="check-circle"></i>转隐患库</button>
        <button *ngIf="paramType === 'view'" nz-button nzType="default" (click)="export()"><i nz-icon
                nzType="upload"></i>导出</button>
    </div>
    <div class="operaWrap" *ngIf="paramType === 'edit' && !fold.status">
        <button nz-button nzType="default" (click)="modalShow('editModal')"><i nz-icon nzType="edit"></i>修改</button>
        <button nz-button nzType="default" (click)="modalShow('delModal')"><i nz-icon nzType="delete"></i>删除</button>
        <button nz-button nzType="default" (click)="modalShow('sqyqModal')"><i nz-icon
                nzType="project"></i>申请延期</button>
        <button nz-button nzType="default" (click)="modalShow('tyyqModal')"><i nz-icon
                nzType="project"></i>同意延期</button>
        <button nz-button nzType="default" (click)="modalShow('bhyqModal')"><i nz-icon
                nzType="project"></i>驳回延期</button>
        <button nz-button nzType="default" (click)="export()"><i nz-icon nzType="upload"></i>导出</button>
        <!-- <button nz-button nzType="default" (click)="modalShow('aqktbModal')"><i nz-icon
                nzType="check-circle"></i>安全科提报</button>
        <button nz-button nzType="default" (click)="modalShow('aqkpzModal')"><i nz-icon
                nzType="check-circle"></i>安全科批准</button>
        <button nz-button nzType="default" (click)="modalShow('aqkbhModal')"><i nz-icon
                nzType="close-circle"></i>安全科驳回</button> -->
    </div>
</div>

<nz-tabset [nzSelectedIndex]="tabIndex" [nzTabBarStyle]="{'margin-bottom':'10px','background':'#fff'}"
    (nzSelectChange)="tabsChange($event)">
    <nz-tab nzTitle="汇总"></nz-tab>
    <nz-tab nzTitle="未销号"></nz-tab>
    <nz-tab nzTitle="已销号"></nz-tab>
</nz-tabset>

<app-tablecheckpage #tcp [tableId]="'securityProblem'" [tableScroll]="tableScroll" [headData]="headData"
    [plainData]="plainData"></app-tablecheckpage>

<app-operamodal *ngIf="operaList.addModal" [width]="'1200'" [popTitle]="'新增'" [operaType]="'add'" [apiUrl]="apiUrl.add"
    (closeModal)="modalHide('addModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.editModal" [width]="'1200'" [popTitle]="'修改'" [operaType]="'edit'"
    [apiUrl]="apiUrl.edit" [responseData]="tempData" (closeModal)="modalHide('editModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.delModal" [popTitle]="'删除'" [operaType]="'del'" [apiUrl]="apiUrl.del"
    [responseData]="tempData" (closeModal)="modalHide('delModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.tbModal" [popTitle]="'提报'" [operaType]="'tb'" [apiUrl]="apiUrl.tb"
    [responseData]="tempData" (closeModal)="modalHide('tbModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.xfModal" [popTitle]="'下发'" [operaType]="'xf'" [apiUrl]="apiUrl.xf"
    [responseData]="tempData" (closeModal)="modalHide('xfModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.qsModal" [popTitle]="'签收'" [operaType]="'qs'" [apiUrl]="apiUrl.qs"
    [responseData]="tempData" (closeModal)="modalHide('qsModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.pzModal" [popTitle]="'批准'" [operaType]="'pz'" [apiUrl]="apiUrl.pz"
    [responseData]="tempData" (closeModal)="modalHide('pzModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.bhModal" [popTitle]="'驳回'" [operaType]="'bh'" [apiUrl]="apiUrl.bh"
    [responseData]="tempData" (closeModal)="modalHide('bhModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.zgwtModal" [popTitle]="'整改问题'" [operaType]="'zgwt'" [apiUrl]="apiUrl.zgwt"
    [responseData]="tempData" (closeModal)="modalHide('zgwtModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.sqxhModal" [popTitle]="'申请销号'" [operaType]="'sqxh'" [apiUrl]="apiUrl.sqxh"
    [responseData]="tempData" (closeModal)="modalHide('sqxhModal')" (reloadData)="loadList()">
</app-operamodal>
<!-- <app-operamodal *ngIf="operaList.wcrwModal" [popTitle]="'完成任务'" [operaType]="'wcrw'" [apiUrl]="apiUrl.wcrw"
    [responseData]="tempData" (closeModal)="modalHide('wcrwModal')" (reloadData)="loadList()">
</app-operamodal> -->
<app-operamodal *ngIf="operaList.sqyqModal" [popTitle]="'申请延期'" [operaType]="'sqyq'" [apiUrl]="apiUrl.sqyq"
    [responseData]="tempData" (closeModal)="modalHide('sqyqModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.tyyqModal" [popTitle]="'同意延期'" [operaType]="'tyyq'" [apiUrl]="apiUrl.tyyq"
    [responseData]="tempData" (closeModal)="modalHide('tyyqModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.bhyqModal" [popTitle]="'驳回延期'" [operaType]="'bhyq'" [apiUrl]="apiUrl.bhyq"
    [responseData]="tempData" (closeModal)="modalHide('bhyqModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.zyhkModal" [popTitle]="'转隐患库'" [operaType]="'zyhk'" [apiUrl]="apiUrl.zyhk"
    [responseData]="tempData" (closeModal)="modalHide('zyhkModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.aqktbModal" [popTitle]="'安全科提报'" [operaType]="'aqktb'" [apiUrl]="apiUrl.aqktb"
    [responseData]="tempData" (closeModal)="modalHide('aqktbModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.aqkpzModal" [popTitle]="'安全科批准'" [operaType]="'aqkpz'" [apiUrl]="apiUrl.aqkpz"
    [responseData]="tempData" (closeModal)="modalHide('aqkpzModal')" (reloadData)="loadList()">
</app-operamodal>
<app-operamodal *ngIf="operaList.aqkbhModal" [popTitle]="'安全科驳回'" [operaType]="'aqkbh'" [apiUrl]="apiUrl.aqkbh"
    [responseData]="tempData" (closeModal)="modalHide('aqkbhModal')" (reloadData)="loadList()">
</app-operamodal>
<app-detailmodal *ngIf="operaList.detailModal" [width]="'1200'" [popTitle]="'详情'" [apiUrl]="apiUrl.detail"
    [responseData]="tempData" (closeModal)="modalHide('detailModal')" (reloadData)="loadList()">
</app-detailmodal>